   <header>
      <div class="header-top">
         <ul class="center">
            <li style="cursor: pointer;;"><a href="/index.html">在线商城</a></li>
            <li><a href="#">坚果 Pro 3</a></li>
            <li><a href="#">坚果 Pro 2S</a></li>
            <li><a href="#">坚果 TNT 工作站</a></li>
            <li><a href="#">Smartisan OS</a></li>
            <li><a href="#">欢喜云</a></li>
            <li><a href="#">应用</a></li>
            <li><a href="#">论坛</a></li>
            <li><a href="#">荣耀与奖项</a></li>
            <li><a href="#">加入我们</a></li>
            <li><a href="#">下载 APP</a></li>
         </ul>
         <div class="usernameBox">
         <a href="/html/loginRegister.html" class="username">
            
         </a>
         <div class="username-div">
            <ul>
               <li id="name">用户名</li>
               <li>修改密码</li>
               <li id='username-div-quit'>退出登录</li>
            </ul>
         </div>
      </div>
         <a href="/html/buyShop.html" class="buyShop">
            <span id="header-num">0</span>
         </a>
         <!-- <div class="buyShop-div">

         </div> -->
      </div>
      <div class="header-bottom">
         <ul class="bottom" id="bottom">
           
            
         </ul>
         <div class="search abs">
            <input type="text" class="search-input" placeholder="请输入搜索的商品" value=''>
            <a href='' id="search"><button class="search-btn"></button></a>
         </div>
         <!-- <li class="search">
            <input type="text" class="search-input" placeholder="请输入搜索的商品">
            <button class="search-btn"></button>
            <a href="#" class="username hide" style="right: 18%;"></a>
            <a href="#" class="buyShop hide"></a>  
         </li> -->
         <script type="text/html" id="bottomTemplate"> 
            {{each list item index}}
            <li class = 'menu' data-id = {{(item.url).slice(35,38)}}><a href="/html/list.html?id={{(item.url).slice(35,38)}}"class='menu-a'>{{item.name}}</a></li>
            {{/each}}
         </script>
         <div class="bottom-div">
            
         </div>
      </div>
   </header>
